<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/aui.css" />
		<link rel="stylesheet" href="css/my.css" />
		<link rel="stylesheet" href="js/layer/need/layer.css" />
		<style>
			.aui-class-actives.aui-active{
				color: #9ac2e5;
    			border-bottom: 1px solid #9ac2e5;
			}
			.aui-class-actives{
				margin-right: 1rem;
			}
		</style>

	</head>

	<body>
		<header class="aui-bar aui-bar-nav aui-background-white aui-position-fixed aui-bar-nav-search aui-text-default">
			<a class="aui-pull-left aui-btn" href="JavaScript:history.go(-1)">
				<span class="aui-iconfont aui-color-three aui-icon-left"></span>
			</a>
			<div class="aui-title title">
				小学三年级 李老师人物详细讲解
			</div>
		</header>
		<div class="aui-content aui-background-white aui-nav-search-fixed" style="overflow-y:scroll ;margin-top: 2.25rem;">
			<div class="aui-lists-bgc" id="fmt">
				<!-- <img src="images/items.jpg" alt=""  style='width: 9rem;' /> -->
			</div>
			<div class="aui-padded-l-15 aui-padded-r-15 aui-margin-t-15">
				<div>
					<h1 class="aui-font-size-18 aui-text-danger">
						￥ <span id="price">100.0</span>
						
						<span class="aui-font-size-12 aui-text-gray aui-margin-l-10"><span id="pay_num">100</span>人已购买</span>
					</h1>
					<p><span class="aui-font-size-12 trans-eight aui-text-danger">价格包含所有课时费用</span></p>
				</div>
				<div class="aui-flex aui-padded-l-0 aui-padded-r-0" onclick="goToTeacher()">
					<div class="aui-user-img aui-margin-r-10">
						<img src="images/items.jpg" class="aui-radius-half" alt=""" id="teacher_avatar">
						<input type="hidden" id="teacherid">
					</div>
					<div class="aui-flex-box aui-arrow aui-text-left aui-padded-r-15">
						<h2 class="aui-font-size-14" id="teacher_name">李老师</h2>
						<p class="aui-font-size-12 aui-text-gray aui-margin-t-10" >教师资格证编号:<span id="teacher_bianhao">134342343</span></p>
						
					</div>
				</div>
				<div>
					<div class="aui-flx-space aui-margin-t-10 aui-margin-b-10 aui-font-size-14">
						<span class="aui-class-tabs aui-display-inline aui-padded-t-10 aui-padded-b-10 aui-margin-r-15 aui-class-actives aui-active">详情</span>
						<span class="aui-class-tabs aui-display-inline aui-padded-t-10 aui-padded-b-10 aui-margin-r-15  aui-class-actives ">列表</span>
						<span class="aui-class-tabs aui-display-inline aui-padded-t-10 aui-padded-b-10 aui-margin-r-15 aui-class-actives " id="aui-pl-btn">评论</span>
					</div>
					<div>
						<div class="aui-class-contents" style="white-space: pre-line;"  id='detail'>
							111
						</div>
						<div class="aui-class-contents aui-hide">
							<ul class="aui-list aui-media-list aui-border-t-0" id="curriculum">
								<a href="">
									<li class="aui-list-item aui-padded-l-0 aui-border-b-0 aui-list-item-middle  aui-background-white">
										<div class="aui-media-list-item-inner" style="align-items: center;">
											<span class="aui-margin-r-15 aui-text-gray">1</span>
											<div class="aui-list-item-media wechat-avatar aui-list-media-img aui-position-relative" style="width: 4rem;">
											<div class="aui-list-item-media wechat-avatar aui-list-media-img" style="width: 3rem;">
												<img src="images/items.jpg" class="aui-border-radius">
												<div class="aui-lists-plays aui-position-absolute aui-width-one aui-lists-redio aui-flx-space aui-padded-l-5 aui-padded-r-5">
													<p class="aui-text-white aui-font-size-12">
														<img src="images/ear.png" alt="" class="aui-pull-left" /><span class="aui-font-size-12 trans-eight aui-style-normal">27 万</span> 
													</p>
													<span>
														<img src="images/plays.png" alt="" />
													</span>
												</div>
											</div>
											<div class="aui-list-item-inner aui-padded-l-10" style="height: 4rem;">
												<p class="aui-font-size-14 aui-color-three">风住的街道</p>
												<p class="aui-margin-t-5 aui-font-size-12">纪由美子</p>
												<p class="aui-text-gray aui-font-size-14">风住的街道</p>
												<p class="aui-margin-t-5 aui-font-size-14">纪由美子</p>
											</div>
											<!--<div class="aui-text-default aui-margin-t-5">
												<span class="aui-try-radio aui-try-before">试听</span>
											</div>-->
										</div>
									</li>
								</a>
								<a href="">
									<li class="aui-list-item aui-padded-l-0 aui-border-b-0 aui-list-item-middle aui-background-white">
										<div class="aui-media-list-item-inner" style="align-items: center;">
											<span class="aui-margin-r-15 aui-text-gray">2</span>
											<div class="aui-list-item-media wechat-avatar aui-list-media-img" style="width: 3rem;">
												<img src="images/items.jpg" class="aui-border-radius">
											</div>
											<div class="aui-list-item-inner aui-padded-l-10">
												<div>
													<p class="aui-text-gray aui-font-size-14">风住的街道</p>
													<p class="aui-font-size-12">纪由美子</p>
													<div class="aui-font-size-12 aui-text-gray">
														<span>17.7万人播放</span>&nbsp;
														<span>470人购买</span>
													</div>
												</div>
												
											</div>
											
										</div>
									</li>
								</a>
							</ul>
						</div>
						<div class="aui-class-contents aui-hide">
							<div class="aui-tab-page">
								<div class="lessonList">
									<ul id="pllist">
										<li>
											<div class="aui-lesson-uint aui-clear-both aui-width-one" style="display: flex;">
												<img src="images/items.jpg" alt="" class="aui-user-write aui-pull-left">
												<div class="aui-pull-left aui-width-one">
													<div class="aui-unit-title">听友15555555 </div>
													<div class="aui-font-size-12 aui-margin-b-5">5星</div>
													<div class="aui-font-size-12 aui-clear-both">
														18小时前
														<span class="aui-pull-right aui-warn-text"><i class="aui-iconfont aui-icon-info"></i> 举报</span>
													</div>
												</div>
											</div>
	
										</li>
										<li>
											<div class="aui-lesson-uint aui-clear-both aui-width-one" style="display: flex;">
												<img src="images/items.jpg" alt="" class="aui-user-write aui-pull-left">
												<div class="aui-pull-left aui-width-one">
													<div class="aui-unit-title">听友15555555 </div>
													<div class="aui-font-size-12 aui-margin-b-5">5星</div>
													<div class="aui-font-size-12 aui-clear-both">
														18小时前
														<span class="aui-pull-right aui-warn-text"><i class="aui-iconfont aui-icon-info"></i> 举报</span>
													</div>
												</div>
											</div>
	
										</li>
									</ul>
								</div>
								
							</div>
						</div>
					</div>
				</div>
			</div>	
			
		<div class="aui-foot-height"></div>
			<div class="aui-item-content aui-pay-toggle" style="z-index: 10;display: none;">
				<div>
					<div class="aui-text-center aui-item-pay">
						<div class="aui-position-relative">
							<span class="aui-position-absolute aui-close-btn" style="right: 8px;top: 5px;">
								<i class="aui-iconfont aui-icon-close"></i>
							</span>
							<img src="images/itembuy.jpg" alt="">
							<p class="aui-font-size-20 aui-font-weight">您需支付：<span id="payprice">200</span>元</p>
							<ul class="aui-pay-ul">
								<li>您所选购的课程价格以您选购当时网站上的价格为准。</li>
								<li>自即日起，你在本站购买的所有课程均可终身有效。</li>
								<li>购买后不满意可在会员中心-我的课程中进行退款操作。</li>
							</ul>
						</div>
						<div class="aui-margin-b-15" style="margin-top: 1.5rem;">
							<p class="aui-pay-btn" onclick="goToAlipay()"><img src="images/alipay.jpg" alt=""></p>
							<p class="aui-pay-btn aui-margin-b-10" onclick="goToWxpay()"><img src="images/wepay.jpg" alt=""></p>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="aui-pay-class aui-width-one aui-text-center aui-position-fixed aui-font-size-18 aui-font-weight aui-text-white" style="line-height:2rem;bottom: 0;background: #ffc107;">
			购买
		</div>
		<!--<!--评论btn-->
		<div class="aui-position-fixed aui-fixed-write aui-hide">
			<input type="text" placeholder="说点什么吧~">
			
		</div>
		<!--评论-->
		<div class="aui-text-show aui-pl hidde" style="display: none;"></div>
		<div class="aui-position-fixed aui-pl aui-write-text aui-clear-both  hidde" style="z-index: 9;display: none;">
			<textarea name="" rows="" cols="" placeholder="说点什么吧~" id="plcontent"></textarea>
			<input type="hidden" id="ketang_id">
			<button class="aui-pull-right send-text" onclick="pinglun()">发送</button>
		</div>	
		<!--举报-->
		<!-- <div class="aui-warn">
			<div>
				<div>
					<div class="aui-font-size-14 aui-margin-b-10">
						<label for=""><input type="radio" name="warn"/>该课程内容不符</label>
					</div>
					<div class="aui-font-size-14 aui-margin-b-10">
						<label for=""><input type="radio" name="warn"/>该课程内容不符</label>
					</div>
					<div class="aui-font-size-14 aui-margin-b-10">
						<label for=""><input type="radio" name="warn"/>该课程内容不符</label>
					</div>
				</div>
			</div>
		</div> -->

		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/public.js"></script>
		<script src="js/layer/layer.js"></script>
		<script src="js/classlist.js"></script>
		<script>
			tabs('.aui-class-tabs','.aui-class-contents')
			$('.aui-class-tabs').click(function(){
				if($(this).attr('id')){
					$('.aui-fixed-write').removeClass('aui-hide')
				}else{
					$('.aui-fixed-write').hide()
				}
			})
			$('#aui-pl-btn').click(function(){
				$('.aui-fixed-write').show()
			})
			$('.aui-pay-class').click(function(){
				$('.aui-pay-toggle').fadeIn('fast')
			})
			$('.aui-text-show').click(function(){
				$('.aui-pay-toggle').fadeOut('fast')
				$('.aui-warn').hide()
			})
			$('body').on('click','.aui-close-btn',function(){
				$('.aui-pay-toggle').fadeOut('fast')
			})
			$('body').on('click','.aui-pl-comment',function(){
				$('.aui-pl').show()
			})
			$('.aui-fixed-write input').focus(function() {
				$('.aui-pl').show()
				
			})
			$('body').on('click','.aui-text-show ',function(){
				$('.aui-pl').hide()
			})
			$('body').on('click','.aui-warn-text',function(){
				$('.aui-text-show').show()
				$('.aui-warn').show()
			})
			
		</script>
	</body>

</html>